#nav {
  width: 100%;
}
#nav > .nav-bar {
  width: var(--container-width);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
}
#nav > .nav-bar > .nav-right > .nav-list {
  display: flex;
}
#nav > .nav-bar > .nav-right > .nav-list > li {
  display: inline;
  margin-right: 30px;
  padding-bottom: 10px;
}
#nav > .nav-bar > .nav-right > .nav-list > li > :hover {
  color: #ddd;
}
#nav > .nav-bar > .nav-right > .nav-list > .on {
  border-bottom: 2px solid #33bae6;
}/*# sourceMappingURL=nav.css.map */